﻿@page "/datagrid-header-generation"
@using FluentUI.Demo.Shared.Pages.DataGrid.Examples

<PageTitle>Header generation</PageTitle>

<DemoSection Title="Column headers" Component="@typeof(DataGridColumnHeaderGeneration)">
    <Description>
        The DataGrid can generate column headers by using the <code>System.ComponentModel.DataAnnotations.DisplayAttribute</code> on properties
        shown in the grid.
        <br />
        See the 'Razor' tab on how these attributes have been applied to the class properties.
    </Description>
</DemoSection>

<DemoSection Title="Custom headers" Component="@typeof(DataGridCustomHeader)">
    <Description>
        The DataGrid can display custom column header titles by setting the <code>HeaderCellTitleTemplate</code> property on columns
        shown in the grid.
        <br />
        See the 'Razor' tab on how these properties have been applied to the columns.
    </Description>
</DemoSection>
